<template>
    <div>
        <SiceTitle :content="siceTitleContent"/>
        <el-row class="contentPart">
            <p><span>{{string.span}}</span><br></p>
            <p>{{string.p1}}</p>
            <p>{{string.p2}}</p>
        </el-row>
        <el-row class="contentPart">
            <p><span>{{string.p3}}</span><br></p>
            <p>{{string.p4}}</p>
            <p>{{string.p5}}</p>
        </el-row>
        <el-row class="contentPart">
            <p><span>{{string.p6}}</span><br></p>
            <p>{{string.p7}}</p>
            <p>{{string.p8}}</p>
            <p>{{string.p9}}</p>
        </el-row>
        <el-row class="contentPart">
            <p><span>{{string.p10}}</span><br></p>
            <p>{{string.p11}}</p>
            <p>{{string.p12}}</p>
        </el-row>
    </div>
</template>

<script>
import SiceTitle from './components/siceTitle';
export default {
    components:{SiceTitle},
    data(){
        return {
            siceTitleContent:{
                sice:"SINCE 2002",
                title:"四川省威盾新材料有限公司",
                titleEn:"SICHUAN HONGYUAN WATERPROOF ENGINEERING CO., LTD"
            }
        }
    },
    computed:{
        string(){
            return this.$t("introduce.simple")
        }
    }
}
</script>

<style lang="less" scoped>
.contentPart {
    font-size: 14px;
    color: #666;
    margin-bottom: 30px;
    .videoWrap{
        text-align: center;
        margin: 50px 0;
        video {
            width:419px;
            height:235px;
        }
    }
    &:last-of-type {
        margin-bottom: 100px;
    }
    p {
        text-align: left;
        margin-top: 20px;
        text-indent: 2em;
        &:first-child{
            margin-top: 0;
        }
    }
    span {
        font-size:20px;
        font-weight:bold;
        color:rgba(102,102,102,1);
        line-height:28px;
    }
    
}
.imgbox {
    margin: 40px 0;
    margin-bottom: 90px;
    justify-content: center;
    .col {
        flex:0 0 585px;
        text-align: center;
        margin-right: 30px;
        width: 585px;
        height: 328px;
        background-color: pink;
        &:last-child {
            margin-right: 0;
        }
        &:nth-of-type(2) {
            text-align: center;
        }
        img {
            width: 585px;
            height: 328px;
        }
        p {
            margin-top: 16px;
            font-size:12px;
            font-weight:400;
            color:rgba(153,153,153,1);
            line-height:28px;
        }
    }
}
.nomarg {
    margin-top: 10px!important;
}
</style>